<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" isELIgnored="false" %>
<%@ include file="/views/common/resources.jsp" %> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>      
<!DOCTYPE html>
<head>		 
   	<link href="<%=basePath %>resources/js/common/plugin/select2/css/select2.min.css" rel="stylesheet" /> 
    <link href="<%=basePath %>resources/css/report.css" rel="stylesheet">
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
	<script src="<%=basePath %>resources/js/common/plugin/select2/js/select2.min.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/echarts/echarts.min.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
    <script src="<%=basePath %>resources/js/common/util/common.js"></script>
     <script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=d782d52560e7b77e0d764b1496c60dde&plugin=AMap.Geocoder"></script>
<title>车辆行驶分析</title>
</head>
<script type="text/javascript">
var appCtx="<%=basePath%>";
var vid="<%=request.getParameter("vid")%>";
</script>
<style>
.modal{
	left:50%;
	margin-left:-512px;
}
</style>
<body class="driving">
<div class="page">
	<div class="slider pa clearfix">
        <%@ include file="/views/common/menu.jsp" %> 
    </div>
    <div class="main ">
        <%@ include file="/views/common/top.jsp" %> 
        <div class="content">
            <div class="query clearfix">
                <div class="query-list fl">
                    <!-- <label class="query-label fl">车辆:</label> -->
                    <select class="query-select" id="selectVehicleSel">
                    	
                     </select>
            
                </div>
                <div class="query-list fl">
                    <!-- <label class="query-label fl">时间:</label> -->
                    <input type="text" id="inputStartDate" class="query-input fl Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-{%d-1}'})" ">
                    <span class="fl query-text"></span>
                    <input type="text" id="inputEndDate" class="query-input Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-{%d-1}'})" >
                </div>
                <a class="query-btn query-require db fl" href="javascript:;" title="查询" id="selVehicleRuning">查询</a>
                <a class="query-btn query-export db fl" href="javascript:;" title="导出" id="exportExcel">导出</a>
            </div>
            <div class="car-detail">
                <table class="table" id="objTable">
                    <tr id="objTitle"><th>车牌</th><th>自编号</th><th>车队</th><th>司机</th><th>总里程</th><th>行驶时长</th><th>图片</th><th>路段超速</th><th>夜间行车</th><th>车辆超速</th><th>疲劳驾驶</th></tr>
                    
                </table>
            </div>
            <div class="chart row-fluid ">
                <div class="span6 chart-list chart-line" id="chartMillage"></div>
                <div class="span6 chart-list chart-bar" id="chartDriving"></div>
            </div>
            <div class="detail-report">
                <div class="table" id="ObjTableDetails">
                   
                </div>
            </div>
        </div>
    </div>
</div>

<!--详情弹窗   -->
<div class="modal detailPop hide fade" id="detailAreaInoutPop">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5>进出区域报警详情</h5>
  </div>
  <div class="modal-body">
    <div class="detailTable" id="detailAreaInoutTable"></div>
  </div>
  <div class="modal-footer">
    <button class="btn closeBtn" data-dismiss="modal" aria-hidden="true">关闭</button>
  </div>
</div>

<div class="modal detailPop hide fade" id="detailVehicleSpeedPop">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5>车辆超速报警详情</h5>
  </div>
  <div class="modal-body">
    <div class="detailTable" id="detailVehicleSpeedTable"></div>
  </div>
  <div class="modal-footer">
    <a class="btn closeBtn" data-dismiss="modal" aria-hidden="true">关闭</a>
  </div>
</div>

<div class="modal detailPop hide fade" id="detailVehicleTiredPop">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5>疲劳驾驶报警详情</h5>
  </div>
  <div class="modal-body">
    <div class="detailTable" id="detailVehicleTiredTable"></div>
  </div>
  <div class="modal-footer">
    <a class="btn closeBtn" data-dismiss="modal" aria-hidden="true">关闭</a>
  </div>
</div>

<div class="modal detailPop hide fade" id="detailRoadOverspeedPop">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5>道路超速报警详情</h5>
  </div>
  <div class="modal-body">
    <div class="detailTable" id="detailRoadOverspeedTable"></div>
  </div>
  <div class="modal-footer">
    <a class="btn closeBtn" data-dismiss="modal" aria-hidden="true">关闭</a>
  </div>
</div>

<div class="modal detailPop hide fade" id="detailNightDrivingPop">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5>夜间行车报警详情</h5>
  </div>
  <div class="modal-body">
    <div class="detailTable" id="detailNightDrivingTable"></div>
  </div>
  <div class="modal-footer">
  	<a class="btn closeBtn" data-dismiss="modal" aria-hidden="true">关闭</a>
  </div>
</div>

<div class="modal detailPop hide fade" id="detailVehiclePicop">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5>图片详情</h5>
  </div>
  <div class="modal-body">
    <div class="detailTable" id="detailVehiclePicTable"></div>
  </div>
  <div class="modal-footer">
    <a class="btn closeBtn" data-dismiss="modal" aria-hidden="true">关闭</a>
  </div>
</div>

<script src="<%=basePath %>resources/js/common/main/global.js"></script>
<script src="<%=basePath %>resources/js/common/main/nav.js"></script>
<script src="<%=basePath %>resources/js/business/report/vehicleRunning.js"></script>
</body>
</html>